<template>
  <div style="text-align:center;margin:20px">
      <el-pagination background layout="total, pager, next,jumper" :total="total" :page-size="PageSize" @current-change="changePage"></el-pagination>
  </div>
</template>

<script>
export default {
    props:{
        total:{
            type:Number,
            default:100
        },
        PageSize:{
            type:Number,
            default:10           
        }
    },
    methods: {
        changePage(page){
            this.$emit('changePage',page)
        }
    },
}
</script>

<style>

</style>